<!-- /*
*   @Description:
*   @Author:lxy
*   @Date:2023-03-23 10:23
*/ -->
<template>
  <div class="data_left fl">
    <div class="left_top">
      <!--/*左边第一部分*/-->
      <div class="info public">
        <div class="min-title">
          <span>车辆总数</span>
        </div>
        <div id="char4" style="width: 100%; height: 100%"></div>
        <div class="boxfoot"></div>
      </div>
      <!--左边第二部分-->
      <div class="top_bottom public">
        <div class="min-title">
          <span>停留时长</span>
        </div>
        <div id="echarts_1" style="width: 100%; height: 100%"></div>
        <div class="boxfoot"></div>
      </div>
      <!--左边第三部分-->
      <div class="left_bottom public">
        <div class="min-title">
          <span>车辆状态</span>
        </div>
        <div id="chart_2" style="width: 100%; height: 100%"></div>
        <div class="boxfoot"></div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "leftPage",
  data() {
    return {};
  },
};
</script>

<style scoped lang="less">
/*左边*/
.data_left{
    width: 24%;
    height: 100%;
    /* background: green; */
}
.data_left .left_top{
    width: 100% ;
    height: 100%;
}
/*左边第一部分*/
.data_left .left_top .info {
  width: 100%;
  height: 200px;
  // background: rgba(1, 33, 44, 0.3);
  border: 1px solid #20558b;
  position: relative;
  margin-bottom: 35px;
}


/*左边第二部分*/
.data_left .left_top .top_bottom {
  width: 100%;
  height: 200px;
  /* background: purple; */
  border: 1px solid #20558b;
  position: relative;
  margin-bottom: 35px;
}
/*左边第三部分*/
.data_left .left_top .left_bottom {
  width: 100%;
  height: 200px;
  /*background: purple;*/
  border: 1px solid #20558b;
  position: relative;
  margin-bottom: 35px;
}




</style>
